<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<title>title</title>
		<link rel="stylesheet" type="text/css" href="../css/share/swiper.3.1.2.min.css" />
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<style>
			html,
			body {
				margin: 0px;
				padding: 0px;
				height: 100%;
				width: 100%;
				background: #fff;
			}
			
			.swiper-container,
			.swiper-wrapper {
				width: 100%;
				text-align: center;
				height: 100%;
				position: relative;
			}
			
			.swiper-wrapper .swiper-slide img {
				height: 100%;
				width: 100%;
			}
			
			.swiper-wrapper a {
				border: 2px solid #fff;
				padding: 3px 10px;
				border-radius: 10px;
				color: #fff;
				position: absolute;
				right: 10px;
				bottom: 20px;
				font-size: 16px;
			}
			
			.swiper-wrapper a:active {
				border-color: gray;
				color: gray;
			}
		</style>
	</head>

	<body>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="../image/start1.png" />
				</div>
				<div class="swiper-slide">
					<img src="../image/start2.png" />
				</div>
				<div class="swiper-slide">
					<img src="../image/start3.png" />
				</div>
				<div class="swiper-slide" id="last">
					<img src="../image/start4.png" />
				</div>
			</div>
			<!-- 如果需要分页器 -->
			<!-->
			<div class="swiper-pagination"></div>-->
		</div>
		<div id="inp"></div>
		<script src="../js/swiper.3.1.2.min.js"></script>
		<script type="text/javascript">
			mui.plusReady(function() {
				plus.navigator.closeSplashscreen();
			})
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'horizontal',
				speed: 300
					//pagination : '.swiper-pagination',
			});

			function openLogin() {
				mui.openWindow({
					url: 'homeMain.html',
					id: 'homeMain.html',
					waiting: {
						autoShow: false, //自动显示等待框，默认为true
					}
				});
			}
			var obj = document.getElementById("last");
			obj.addEventListener("touchstart", startT, false);
			obj.addEventListener("touchmove", moveT, false);
			obj.addEventListener("touchend", endT, false);
			var startX, endX;

			function startT(event) {
				var ev = event || window.event;
				ev.preventDefault();
				startX = ev.touches[0].clientX;
			}

			function moveT(event) {
				var ev = event || window.event;
				ev.preventDefault();
			}

			function endT(event) {
				var ev = event || window.event;
				endX = ev.changedTouches[0].clientX;
				if (endX < startX) {
					openLogin();
				} else {
					startX = endX = 0;
				}
			}
			mui.back=function(){
				return false;
			}
		</script>
	</body>

</html>